<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表引入方式</title>
		<style>
			/* css3注释 */
			/* css3样式写法 
			   选中一个元素 给元素添加效果: 一个样式
			   语法: 选择器{
				   属性: 属性值;
				   属性: 属性值;
			   }
			*/
		   p{
			   width: 200px;      /*万维网联盟  定制语法规则*/
			   height: 200px;
			   background: #e4393c;
		   }
		</style>
	</head>
	<body>
		<!-- 1. 内联样式表  语法: style="属性:属性值;属性:属性值;" -->
		<!-- 很少使用  CSS----出现目的: 实现内容与表现分离 -->
		<div style="width:200px;height:200px;background:red;"></div>
		
		<!-- 2. 内部样式表  语法: head元素中 加style元素--加属性属性值 -->
		<!-- 较少使用  主要是用作练习 没有完全实现内容与表现分离 -->
		<p></p>
	</body>
</html>